﻿/* Begin Reset.css */

@import url('jquery.ui.css');
@import url('uniform.tp.css');
@import url('/images/jqueryui/themes/smoothness/jquery-ui.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles!*/
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

body { line-height: 1; font-size: 12px; font-family: Arial,tahoma,verdana, "lucida grande"; color: #414042; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; }
img { border: 0; }
a { color: #177CDA; text-decoration: none; }
a:hover { text-decoration: none; color: #c42127; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none!important; }
/*End reset.css*/

#divLoading { color: #000; position: fixed; top: 0; left: 0; line-height: 26px; z-index: 100; padding-left: 10px; padding-right: 10px; font-weight: bold; border: solid 0px #FFF; background-color: #CCC; display: none; }
.loader { text-align: center; width: 100%; position: fixed; z-index: 9999; background-color: #F1F1F1; height: 100%; opacity: 0.6; }
.loader img { display: inline; top: 50%; left: 50%; margin-top: 20%; }

#wrapper { width: 100%; float: left; min-width: 1024px; }
#header { height: 119px; }
#banner { width: 383px; float: left; height: 83px; }
#banner h1 { font-size: 26px; padding-left: 30px; padding-top: 25px; color: #555; }
#inner-wrapper { width: calc(100% - 60px); padding-left: 30px; padding-right: 30px; float: left; }
#inner-wrapper .head-title h1 { float: left; font-size: 18px; line-height: 50px; color: #555; }
.head-title { width: 100%; float: left; }
.content { width: 100%; float: left; }
.full { width: 100%; float: left; }
.left { width: calc(85% - 10px); float: left; margin-right: 10px; }
.right { width: 15%; float: left; }
.box-left { width: 100%; float: left; }
.box-left h2, .box-right h3 { margin-top: 20px; width: calc(100% - 7px); float: left; border: solid 1px #177CDA; line-height: 30px; padding-left: 5px; color: #FFF; background: #1e5799; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(); background: -moz-linear-gradient(top, #1e5799 0%, #177cda 50%, #177cda 54%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#177cda), color-stop(54%,#177cda), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */ }
.box-left h2:first-child, .box-right h3:first-child { margin-top: 0; }
.box-right { width: calc(100% - 2px); border: solid 1px #177cda; float: left; margin-bottom: 10px; }
.ze-section-grid { width: 100%; float: left; }
.ze-section-grid tr th { text-align: left; color: #FFF; background: #1e5799; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(); background: -moz-linear-gradient(top, #1e5799 0%, #177cda 50%, #177cda 54%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#177cda), color-stop(54%,#177cda), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#177cda 50%,#177cda 54%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */ }
.ze-section-grid tr th, .ze-section-grid tr td { padding: 5px; border-right: solid 1px #177CDA; border-bottom: solid 1px #177CDA; line-height: 17px; }
.ze-section-grid tr th:first-child, .ze-section-grid tr td:first-child { border-left: solid 1px #177CDA; }
.ze-section-grid tr:nth-child(2n) { background-color: #e1f1ff; }
.box-content { width: calc(100% - 10px); padding: 5px; float: left; overflow: hidden; }
.box-content ul li { padding-bottom: 5px; padding-top: 5px; }
.box-right h3 { background: none; border: none; color: #555; background-color: #E1F1FF!important; width: calc(100% - 5px); font-size: 14px; line-height: 32px; }
.addNew { margin-top: 5px; border-bottom: dotted 1px #CCC; padding-bottom: 5px; float: left; width: 100%; }
.copyright { border-top: solid 1px #CCC; margin-right: 30px; margin-left: 30px; width: calc(100% - 60px); float: left; margin-top: 50px; padding-top: 10px; padding-bottom: 20px; text-align: right; }
.ze-section-grid .footer { background-color: #E1F1FF!important; }
.ze-section-grid .footer td table tr td { border: none; padding: 0; line-height: 14px; }
.ze-section-grid .footer td table tr td span, .ze-section-grid .footer td table tr td a:hover { background-color: #FFF; }
.ze-section-grid .footer td table tr td span, .ze-section-grid .footer table tr td a { display: block; font-size: 12px; margin-left: 5px; float: left; border: solid 1px #177CDA; padding: 3px 8px; }
.ze-section-grid .footer td table { float: right; }
.form-wrap { margin-top: 10px; margin-bottom: 10px; float: left; width: 600px; }
.form-field { width: 240px; float: left; margin-bottom: 10px; }
.form-field label { margin-bottom: 3px; font-weight: bold;display: block; }
.form-field input, .form-field textarea { float: left; padding: 3px; }
.form-field input[type="text"], .form-field input[type="password"] { width: 210px; }
.form-field input[readonly="readonly"], .form-field input[readonly="readonly"]:focus { color: #333; background-color: #EEE!important; border: solid 1px #CCC!important; }
.tblRoles { margin-top: 10px; }
.tblRoles tr td { padding-bottom: 5px; }
.tblRoles input { margin-right: 5px; }
.dropdown-menu { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #666666; border-radius: 0 0 0 0; box-shadow: none; margin-top: 0; }
.dropdown-menu { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px 6px 6px 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; float: left; left: 0; list-style: none outside none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; top: 100%; z-index: 1000; }
.datepicker.datepicker-dropdown .datepicker-days td, .datepicker.datepicker-dropdown .datepicker-days th, .datepicker.datepicker-dropdown .datepicker-days span, .datepicker.datepicker-dropdown .datepicker-years td, .datepicker.datepicker-dropdown .datepicker-years th, .datepicker.datepicker-dropdown .datepicker-years span, .datepicker.datepicker-dropdown .datepicker-months td, .datepicker.datepicker-dropdown .datepicker-months th, .datepicker.datepicker-dropdown .datepicker-months span { border-radius: 0 0 0 0; }
.datepicker td, .datepicker th { line-height: 20px; }
.icon-arrow-left { background-position: -264px -144px!important; }
.icon-arrow-right { background-position: -240px -144px!important; }
.cboCatItem { width: 100%; display: block; float: left; margin-bottom: 5px; }
.cboCatItem input { margin-right: 3px; }
#countChar { text-align: right; height: 15px; margin-top: 5px; float: right; }

[class^="icon-"]:before, [class*=" icon-"]:before { display: inline-block; text-decoration: inherit; }
[class^="icon-"], [class*=" icon-"] { background-image: none; background-position: 0 0; background-repeat: repeat; display: inline; height: auto; line-height: normal; margin-top: 0; vertical-align: baseline; width: auto; }
[class^="icon-"], [class*=" icon-"] { background-image: url("/images/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; vertical-align: text-top; width: 14px; }
/*button*/
.btnGrid, .btn-small2 { padding: 4px 10px !important; line-height: 14px!important; font-weight: normal!important; }
.btn { font-size: 12px; font-weight: bold; }
.btn-small { font-weight: normal; }
.btn-mini { font-size: 11px; font-weight: normal; }
.btn:focus { outline: none; }
.btn .caret { margin-left: 7px; }
.btn-group > .btn + .dropdown-toggle .caret { margin-left: 0; }
.btn-group > .btn, .btn-group > .dropdown-menu { font-size: 12px; }
.btn-circle { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 5px 8px; }
.btn-rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; }
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255,255,255,0.75); }
.btn-primary { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important; background-color: #006dcc!important; *background-color: #04c!important; background-repeat: repeat-x!important; background-image: linear-gradient(to bottom,#08c,#04c)!important; border-left-color: #04c!important; border-right-color: #04c!important; border-top-color: #04c!important; border-bottom-color: #002a80!important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3; }
.btn-primary:active, .btn-primary.active { background-color: #039 \9; }
.btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #faa732; *background-color: #f89406; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#fbb450,#f89406); border-left-color: #f89406; border-right-color: #f89406; border-top-color: #f89406; border-bottom-color: #ad6704; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; }
.btn-warning:active, .btn-warning.active { background-color: #c67605 \9; }
.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #da4f49; *background-color: #bd362f; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#ee5f5b,#bd362f); border-left-color: #bd362f; border-right-color: #bd362f; border-top-color: #bd362f; border-bottom-color: #802420; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; }
.btn-danger:active, .btn-danger.active { background-color: #942a25 \9; }
.btn-success { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important; background-color: #5bb75b!important; *background-color: #51a351!important; background-repeat: repeat-x!important; background-image: linear-gradient(to bottom,#62c462,#51a351)!important; border-left-color: #51a351!important; border-right-color: #51a351!important; border-top-color: #51a351!important; border-bottom-color: #387038!important; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #51a351!important; *background-color: #499249!important; }
.btn-success:active, .btn-success.active { background-color: #408140 \9; }
.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #49afcd; *background-color: #2f96b4; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#5bc0de,#2f96b4); border-left-color: #2f96b4; border-right-color: #2f96b4; border-top-color: #2f96b4; border-bottom-color: #1f6377; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; }
.btn-info:active, .btn-info.active { background-color: #24748c \9; }
.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #363636; *background-color: #222; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#444,#222); border-left-color: #222; border-right-color: #222; border-top-color: #222; border-bottom-color: #000; }
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515; }
.btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; }
.btn { display: inline-block!important; border: solid 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; padding: 4px 12px!important; margin-bottom: 0; *margin-left: .3em; line-height: 18px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-repeat: repeat-x; *-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-image: linear-gradient(to bottom,#fff,#e6e6e6); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn:active, .btn.active { background-color: #ccc \9; }
.btn:first-child { *margin-left: 0; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); }
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; }
.btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; }
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }
span.field input[type="text"], span.field input[type="password"], textarea { padding: 5px; border-color: #B3B3B3; border-image: none; border-radius: 0px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; display: inline-block; line-height: 20px; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus { -moz-box-shadow: 0 0 5px rgba(103,173,245,0.5)!important; -webkit-box-shadow: 0 0 5px rgba(103,173,245,0.5)!important; box-shadow: 0 0 5px rgba(103,173,245,0.5)!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-color: #5c9fe4!important; background: #fff!important; border-style: solid; border-width: 1px; padding: 3px; }
.stdform2 label { display: inline-block; font-weight: bold; padding: 15px 0 0 15px; text-align: left; vertical-align: top; }
.stdform label { float: left; padding: 13px 20px 0 0; text-align: right; width: 200px; }
input, select, textarea, button, label { color: #666666; font-family: 'HelveticaNeue',Arial,sans-serif; font-size: 12px; margin: 0; outline: medium none; }
.stdform2 span.field, .stdform2 div.field { background: none repeat scroll 0 0 #FFFFFF; display: block; margin-left: 220px; padding: 2px; }
.stdform span.field, .stdform div.field { display: block; margin-left: 200px; position: relative; line-height: 30px; }
.stdformbutton { margin-left: 200px; padding-left: 20px; }
.label { padding: 3px 5px; font-size: 11px!important; font-weight: normal; }
.showmenu, .notification .dropdown-toggle, .progress, .tooltip-inner,
.userinfo .dropdown-toggle, .dropdown-menu, .label, .progress .bar,
.btn-group > .btn:first-child, .btn-group > .btn:last-child,
.btn-group > .dropdown-toggle, .nav-pills > li > a, .modal, .popover,
.navbar-inverse .navbar-inner, .pager li > a, .pager li > span,
.verwizard .verticalmenu a, .chatcontent .messagebox button.send,
.mediamgr_category ul li a, .profile-left .taglist li, .tooltipflot, #LoginUser_LoginButton,
.loginwrapper button.btn { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.label-important, .badge-important { background-color: #B94A48!important; }
.label, .badge { background-color: #999; color: #FFFFFF; display: inline-block; font-size: 11.844px; font-weight: bold; line-height: 14px; padding: 2px 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: baseline; white-space: nowrap; }
.alert { width: 100%; text-align: left; vertical-align: baseline; white-space: nowrap; line-height: 23px; float: left; }
.alert-error { color: red; }
.alert-success { color: #008000; }

span.icon { display: block; margin-left: 24px; margin-top: 13px; margin-bottom: 10px; background: transparent url(/images/thv-icon.png) no-repeat 0 0; }
span.icon-lock { background-position: 0 -63px; width: 23px; height: 19px; display: block; float: left; margin: 0; margin-right: 4px; }
span.user { width: 54px; height: 54px; }
span.icon-user { background-position: -25px -63px; width: 23px; height: 19px; display: block; float: left; margin: 0; }
/*Menu
---------------------------------------------*/
.ddsmoothmenu { border-bottom: solid 2px #177cda; height: 34px; width: 100%; float: left; }
#nav { float: left; margin-left: 30px; }
/*Top level list items*/
.ddsmoothmenu ul { z-index: 100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li:first-child {border-left: solid 1px #177CDA;border-right: solid 1px #177CDA!important;}
.ddsmoothmenu ul li { display: inline; float: left; position: relative; border-right: solid 1px #177CDA; border-top: solid 1px #177CDA; }
.ddsmoothmenu ul li a { display: block; color: #177cda; padding: 11px; text-decoration: none; font-weight: bold; margin-bottom: -1px; }
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #177cda; color: #ffffff; }
.ddsmoothmenu ul li.first a.selected { }
.ddsmoothmenu ul li.first { border-right: 0; }
.ddsmoothmenu ul li a:hover, .info2 ul li a:hover { background-color: #177cda; /*background of menu items during onmouseover (hover state)*/ color: #fff; }
/*1st sub level menu*/
.ddsmoothmenu ul li ul { margin-top: -1px; position: absolute; background-color: #FFF; /*collapse all sub menus to begin with*/ visibility: hidden; display: none; }
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li:first-child { border-top: solid 1px #CCC;border-left: solid 1px #CCC;border-right: solid 1px #CCC; }
.ddsmoothmenu ul li ul li { border-left: solid 1px #CCCCCC; border-right: solid 1px #CCC; display: list-item; float: none; height: 34px; border-top: 0px; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { left: 100%!important; }
.ddsmoothmenu ul li ul li ul li:first-child { border-top: solid 1px #CCC; }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { border-bottom: 1px solid #CCC; color: #177CDA; padding: 0 0 0 27px; line-height: 33px; width: 135px; }
.ddsmoothmenu ul li ul li a:hover { line-height: 33px; }
.ddsmoothmenu ul li ul li a span { }
.ddsmoothmenu ul li ul li a:hover { }
/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; }
/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.navigator { position: relative; width: 100%; height: 34px; float: left; }
.info2 { position: absolute; right: 30px; line-height: 19px; }
.info2 ul li:last-child a:hover { background-color: transparent; color: #177CDA; }
.info2 ul li { display: inline; float: right; position: relative; }
.info2 ul li a { display: block; color: #177cda; padding: 9px 11px 7px; text-decoration: none; vertical-align: middle; float: left; font-size: 11px; margin-bottom: -2px; }
.info ul li img { float: left; padding-top: 5px; }
/*End Menu
---------------------------------------------*/
.progressWrapper { width: 100%; overflow: hidden; float: left; }
.progressContainer { margin: 2px 0px 2px 0px; padding: 4px; border: solid 1px #CCC; background-color: #F7F7F7; overflow: hidden; float: left; }
/* Message */
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
/* Error */
.red { border: solid 1px #B50000; background-color: #FFEBEB; }
/* Current */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
/* Complete */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; color: #000; }
.fileQueueContent { margin-top: 5px; }
.progressCancel { background: transparent url(/images/cancelbutton.gif) no-repeat 0 0;display: block;float: right;height: 14px;width: 14px;}
.progressCancel:hover { background-position: -14px 0;}
.albumItem {width: 200px;float:left;margin-right:10px;margin-bottom: 30px;}
.dataTables_length { margin-bottom: 5px;float: left;color: #666;}

.paging { float: left; width: 100%; font-size: 12px;margin-top: 50px; }
.paging span span, .paging span a { border: solid 1px #177CDA; padding: 3px; padding-right: 6px; padding-left: 6px; font-weight: bold; }
.paging span a:hover { background-color: #177CDA; text-decoration: none;color: #FFF; }